<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formMovCtaBancaria">

                    <p:panel header="#{message['movctabancaria.formulario.panel.titulo']} DE #{BKMovCtaBancaria.formularioMovCtaBancaria.tipoMovimiento eq 'E'?'ENTRADA':'SALIDA'}" style="width:100%; margin:10px auto;">

                        <p:panelGrid style="width:100%;margin: 10px auto;"> 
                            <p:row> 
                                <p:column style="width: 180px">
                                    <h:outputText id="lblFormCtaBancaria_CuentaBancaria" value="#{message['movctabancaria.formulario.cuentabancaria']}" styleClass="lblForm" />
                                </p:column>
                                <p:column style="width: 300px">	
                                    <p:selectOneMenu id="cbxFormCtaBancaria_CuentaBancaria" value="#{BKMovCtaBancaria.formularioMovCtaBancaria.idCuentaBancaria.id}"
                                                     style="width: 300px" disabled="#{BKMovCtaBancaria.comando.nombre eq 'Actualizar' and BKMovCtaBancaria.formularioMovCtaBancaria.monto ne BKMovCtaBancaria.formularioMovCtaBancaria.saldo}">
                                        <f:selectItems value="#{BKMovCtaBancaria.listaCuentaBancaria}"/>	
                                        <f:validator validatorId="selectOneMenuFormularioValidator" />
                                        <p:ajax event="change" listener="#{MBMovimientoCuentaBancaria.seleccionarCuentaBancaria}" process="@this"
                                                update="txtFormCtaBancaria_TipoMoneda" />
                                    </p:selectOneMenu> 
                                    <p:message for="cbxFormCtaBancaria_CuentaBancaria" display="text"/>
                                </p:column>
                                <p:column style="width: 160px">
                                    <h:outputText id="lblFormCtaBancaria_TipoMoneda" value="#{message['movctabancaria.formulario.tipomoneda']}" styleClass="lblForm" />
                                </p:column>
                                <p:column>	
                                    <h:outputText id="txtFormCtaBancaria_TipoMoneda" value="#{BKMovCtaBancaria.formularioMovCtaBancaria.idCuentaBancaria.idTipoMoneda.nombre}" /> 
                                    <p:message for="txtFormCtaBancaria_TipoMoneda" display="text"/>
                                </p:column>
                            </p:row>   
                            <p:row> 
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Monto" value="#{message['movctabancaria.formulario.monto']}(*)" styleClass="lblForm" />
                                </p:column>
                                <p:column >
                                    <p:inputText id="txtFormCtaBancaria_Monto" value="#{BKMovCtaBancaria.formularioMovCtaBancaria.monto}" 
                                                 required="true" validatorMessage="El valor debe ser mayor a 0"
                                                 disabled="#{BKMovCtaBancaria.comando.nombre eq 'Actualizar' and BKMovCtaBancaria.formularioMovCtaBancaria.monto ne BKMovCtaBancaria.formularioMovCtaBancaria.saldo}">
                                        <f:validateDoubleRange minimum="0.01" />
                                    </p:inputText>	
                                    <p:message for="txtFormCtaBancaria_Monto" display="text"/>
                                </p:column>
                                
                                <p:column>
                                    <h:outputLabel id="lblFormCtaBancaria_FechaEmision" value="FECHA DE EMISIÓN(*)" styleClass="lblForm" />
                                </p:column>                                    
                                <p:column>
                                    <p:calendar id="cldFormCtaBancaria_FechaEmision" locale="es" size="19"
                                                value="#{BKMovCtaBancaria.formularioMovCtaBancaria.fechaMovimiento}" 
                                                showButtonPanel="true" navigator="true" pattern="dd/MM/yyyy"
                                                required="true"  showOn="button" /> 
                                    <p:message for="cldFormCtaBancaria_FechaEmision" display="text"/>
                                </p:column> 
                            </p:row>
                            <p:row> 
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Forma" value="FORMA(*)" styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cbxFormCtaBancaria_Forma" value="#{BKMovCtaBancaria.formularioMovCtaBancaria.formaMovimiento}"
                                                     required="true" editable="true" onkeyup="cambiarMayuscula(this)" >
                                        <f:selectItems itemLabel="SELECCIONAR" value=""/>
                                        <f:selectItems value="#{BKMovCtaBancaria.listaFormaMovimiento}"/>
                                        <f:validator validatorId="selectOneMenuFormularioValidator" />	
                                        <p:ajax update="lblFormCtaBancaria_Num" process="@this" />
                                    </p:selectOneMenu> 
                                    <p:message for="cbxFormCtaBancaria_Forma" display="text"/>
                                </p:column>
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Num" value="Nº DE #{BKMovCtaBancaria.formularioMovCtaBancaria.formaMovimiento}(*)" styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText value="#{BKMovCtaBancaria.formularioMovCtaBancaria.numFormaMovimiento}" style="width: 100%" required="true" 
                                                id="txtFormCtaBancaria_Num" onkeyup="cambiarMayuscula(this)" />
                                    <p:message for="txtFormCtaBancaria_Motivo" display="text"/>
                                </p:column>
                            </p:row> 
                            <p:row rendered="false"> 
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Estado" value="#{message['movctabancaria.formulario.estado']}(*)" styleClass="lblForm" />
                                </p:column>
                                <p:column >
                                    <h:outputText value="#{BKMovCtaBancaria.formularioMovCtaBancaria.descEstadoMovimiento}"/>
                                </p:column>
                            </p:row>    
                            <p:row> 
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Motivo" value="#{message['movctabancaria.formulario.motivo']}(*)" styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText value="#{BKMovCtaBancaria.formularioMovCtaBancaria.motivo}" style="width: 100%" required="true" 
                                                id="txtFormCtaBancaria_Motivo" onkeyup="cambiarMayuscula(this)" />
                                    <p:message for="txtFormCtaBancaria_Motivo" display="text"/>
                                </p:column>
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Desc" value="DESCRIPCIÓN" styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputTextarea value="#{BKMovCtaBancaria.formularioMovCtaBancaria.descripcion}" rows="3" style="width: 100%"  
                                                     id="txtFormCtaBancaria_Desc"/>
                                    <p:message for="txtFormCtaBancaria_Desc" display="text"/>
                                </p:column>
                            </p:row>    


                        </p:panelGrid>
                        <h:panelGrid columns="2" cellpadding="10">
                            <p:commandButton id="btnGuardar" action="#{BKMovCtaBancaria.comando.aceptar()}"
                                             ajax="false" value="#{BKMovCtaBancaria.comando.nombre}"/>
                            <p:commandButton action="#{MBMovimientoCuentaBancaria.cancelar()}" id="btnCancelar"
                                             ajax="false" value="#{message['general.button.cancelar']}" immediate="true" />
                        </h:panelGrid>
                        <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>
                    </p:panel>
                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>    
</html>  
